<template>
  <!-- 1:进入页面(在分类列表数据已拿到后)接口调用获取数据存储渲染
  2：菜单点击了也要调用获取数据存储渲 -->

  <div class="list">
    <div
      class="article_item"
      v-for="item in $store.state.list.list"
      :key="item.art_id"
    >
      <h3 class="van-ellipsis">
        {{ item.title }}
      </h3>
      <div class="img_box" v-for="(i, index) in item.cover.images" :key="index">
        <img :src="i" class="w100" />
      </div>
      <!---->
      <div class="info_box">
        <span>{{ item.aut_name }}</span>
        <span>{{ item.comm_count }}评论</span>
        <span>{{ item.pubdate }}</span>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  created () {
    // this.$store.dispatch(
    //   'list/getList',
    //   this.$store.state.catagtory.catagtoryList[0].id
    // )
  }
}
</script>
<style></style>
